<!doctype html>
<!-- The DOCTYPE declaration above will set the    -->
<!-- browser's rendering engine into               -->
<!-- "Standards Mode". Replacing this declaration  -->
<!-- with a "Quirks Mode" doctype may lead to some -->
<!-- differences in layout.                        -->

<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    <!--                                                               -->
    <!-- Consider inlining CSS to reduce the number of requested files -->
    <!--                                                               -->
    <link type="text/css" rel="stylesheet" href="GwtTestes.css">

    <!--                                           -->
    <!-- Any title is fine                         -->
    <!--                                           -->
    <title>Cadastro Boicotando</title>
    
    <!--                                           -->
    <!-- This script loads your compiled module.   -->
    <!-- If you add any GWT meta tags, they must   -->
    <!-- be added before this line.                -->
    <!--                                           -->
    <script type="text/javascript" language="javascript" src="gwttestes/gwttestes.nocache.js"></script>
  </head>

  <!--                                           -->
  <!-- The body can have arbitrary html, or      -->
  <!-- you can leave the body empty if you want  -->
  <!-- to create a completely dynamic UI.        -->
  <!--                                           -->
  <body>

    <!-- OPTIONAL: include this if you want history support -->
    <iframe src="javascript:''" id="__gwt_historyFrame" tabIndex='-1' style="position:absolute;width:0;height:0;border:0"></iframe>
    
    <!-- RECOMMENDED if your web app will not function without JavaScript enabled -->
    <noscript>
      <div style="width: 22em; position: absolute; left: 50%; margin-left: -11em; color: red; background-color: white; border: 1px solid red; padding: 4px; font-family: sans-serif">
        Your web browser must have JavaScript enabled
        in order for this application to display correctly.
      </div>
    </noscript>

	<table border="1" style="margin:0 auto;">
		<tr>
			<td width = "200">
				<a href="/">
					<div class="logo"></div>
				</a>
			</td>
			<td width="600" id="cabecalho"></td>
		</tr>
		<tr>
			<td id="dados"></td>
			<td>
				<table align="center">
					<tr align="center">
						<td id="meuCarrinho"></td>
						<td id="meusPedidos"></td>
						<td id="alterarDados"></td>
					</tr>
					<tr>				    
						<td id="nomeUsuarioLogar"></td>  
						<td id="usuarioBox"></td>
						<td id="senhaLogar"></td>        
						<td id="senhaLogin"></td>
						<td id="logar"></td>
					</tr>
				</table>
			</td>							
		</tr>
		<tr>
			<td id="navegador"></td>
			<td>
				<h1>Cadastro de clientes</h1>

				<h3 align = center>Dados Pessoais</h3>
			
			    <table align="center">
				      <tr>
				        <td id="nomeLabel"></td>      
				      	<td id="nome"></td>
				      </tr>
				      <tr>
				        <td id="sobrenomeLabel"></td>
				        <td id="sobrenome"></td>
				      </tr>
				      <tr>
				        <td id="tipoLabel"></td>              
				     	<td id="tipoPessoa"></td>
				      </tr>
				      <tr>
				      	<td id="cpfCnpjLabel"></td>        
				      	<td id="cpf"></td>
				      </tr>
				      <tr>
				        <td id="dataNascimentoLabel"></td>
				      	<td id="nascimento"></td>
				      <tr>	
				        <td id="sexoLabel"></td>
				        <td id="sexo"></td>
				      </tr>
				      <tr>
				        <td id="telefone1Label"></td>
				      	<td id="telefone1"></td>
				      	<td id="telefone2Label"></td>
				        <td id="telefone2"></td>
				      </tr>
				      <tr>
				        <td id="telefone3Label"></td>
				      	<td id="celular"></td>
				      </tr>
				     </table> 
				     
				     <h3 align = center>Dados de Acesso</h3>
				      
				     <table  align = center> 
				      <tr>
				        <td id="emailLabel"></td>
				      	<td id="email"></td>
				      </tr>
				      <tr>
				        <td id="confirmacaoEmailLabel"></td>
				      	<td id="confirmacaoEmail"></td>
				      </tr>
				      <tr>
				        <td id="senhaLabel"></td>
				      	<td id="senha"></td>
				      </tr>
				      <tr>
				        <td id="confirmacaoSenhaLabel"></td>
				      	<td id="confirmacaoSenha"></td>
				      </tr>
				      <tr>
				      	<td id="confirmar"></td>
				      </tr>
				      <tr>
				        <td colspan="2" style="color:red;" id="errorLabelContainer"></td>
				      </tr>
				    </table>
				</td>
			</tr>
		</table>
	</body>
</html>
